<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <!--head-->
    @@include('include/head.html')
    
</head>
<body>
    <!--header-->
    @@include('include/header.html')
    
    <div class="layout inner-banner"> <img src="./static/about.jpg"> </div>
    
    <div class="layout bg-gray margin-big-bottom">
        <div class="container">
            <ul class="bread">
                <a href="./index.html">主页</a>&nbsp;&nbsp;
                <a href='./contact.html'>联系我们</a>
            </ul>
        </div>
    </div>

    <div class="layout padding-big-top padding-big-bottom margin-big-bottom">
            <div class="container">
              <h1 class="margin-big-bottom padding-big-top padding-big-bottom text-center contact-title">联系我们</h1>
              <div class="xl12 xs12 padding-big bg-gray">
                <p> <font style="margin: 0px; padding: 0px; color: cornflowerblue; font-family: 微软雅黑; font-size: 16px; background-color: rgb(245, 245, 245);">日照苏文教育咨询有限公司</font><br />
          <br style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-family: 微软雅黑; font-size: 16px; background-color: rgb(245, 245, 245);" />
          <span style="color: rgb(0, 0, 0); font-family: 微软雅黑; font-size: 16px; background-color: rgb(245, 245, 245);">电话 : 0633-89339508（办公室招生部 汪老师）</span><br />
          <br style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-family: 微软雅黑; font-size: 16px; background-color: rgb(245, 245, 245);" />
          <span style="color: rgb(0, 0, 0); font-family: 微软雅黑; font-size: 16px; background-color: rgb(245, 245, 245);">地址 : 山东省日照高新区富阳路238号</span> </p>
              </div>
              <!-- <div class="xl12 xs12 xm6 xb6 padding-big-bottom padding-big-left">
                <form action="/plus/diy.php" enctype="multipart/form-data" method="post">
                  <input type="hidden" name="action" value="post" />
                  <input type="hidden" name="diyid" value="1" />
                  <input type="hidden" name="do" value="2" />
                  <div class="padding-top padding-bottom">
                    <div class="form-group">
                      <div class="field field-icon-right">
                        <input type="text" class="input" name="xm" placeholder="怎么称呼您" data-validate="required:请填写您的称呼" />
                      </div>
                    </div>
                    <div class="form-group">
                      <div class="field field-icon-right">
                        <input type="text" class="input" name="sj" placeholder="您的联系电话" data-validate="required:请填写您的联系电话,tel:请输入正确的电话号码" />
                      </div>
                    </div>
                    <div class="form-group">
                      <div class="field field-icon-right">
                        <input type="text" class="input" name="yx" placeholder="您的邮箱地址" data-validate="required:请填写您的邮箱地址,email:请输入正确的邮箱账号" />
                      </div>
                    </div>
                    <div class="form-group">
                      <div class="field field-icon-right">
                        <input type="text" class="input" name="nra" placeholder="您的留言内容" data-validate="required:请填写您的留言内容" />
                      </div>
                    </div>
                  </div>
                  <input type="hidden" name="dede_fields" value="xm,text;yx,text;nra,multitext;sj,text" />
                  <input type="hidden" name="dede_fieldshash" value="5b14cf258b40a319a7de3b8aadf7d6da" />
                  <input type="submit" class="button bg-main text-big margin-big-left padding-big-left padding-big-right" value="提交留言">
                </form>
              </div> -->
              <div class="clearfix"></div>
            </div>
          </div>
          <div class="layout bg-gray padding-big-top padding-big-bottom">
            <div class="container padding-big-top padding-big-bottom mapbox"> 
              <script type="text/javascript" src="./js/map.js"></script>
              <div style="width:100%;height:550px;border:#ccc solid 1px;font-size:12px" id="map"></div>
              <script type="text/javascript">
              //创建和初始化地图函数：
              function initMap(){
                createMap();//创建地图
                setMapEvent();//设置地图事件
                addMapControl();//向地图添加控件
                addMapOverlay();//向地图添加覆盖物
              }
              function createMap(){ 
                map = new BMap.Map("map"); 
                var point = new BMap.Point(119.499037,35.443431);
                map.centerAndZoom(point,18);
                var marker = new BMap.Marker(point);//创建标注
                map.addOverlay(marker);//方法addOverlay() 向地图中添加覆盖物
              }
              function setMapEvent(){
                map.enableScrollWheelZoom();
                map.enableKeyboard();
                map.enableDragging();
                map.enableDoubleClickZoom()
              }
              function addClickHandler(target,window){
                target.addEventListener("click",function(){
                  target.openInfoWindow(window);
                });
              }
              function addMapOverlay(){
                var markers = [
                 ];
                for(var index = 0; index < markers.length; index++ ){
                  var point = new BMap.Point(markers[index].position.lng,markers[index].position.lat);
                  var marker = new BMap.Marker(point,{icon:new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",new BMap.Size(20,25),{
                    imageOffset: new BMap.Size(markers[index].imageOffset.width,markers[index].imageOffset.height)
                  })});
                  var label = new BMap.Label(markers[index].title,{offset: new BMap.Size(25,5)});
                  var opts = {
                    width: 200,
                    title: markers[index].title,
                    enableMessage: false
                  };
                  var infoWindow = new BMap.InfoWindow(markers[index].content,opts);
                  marker.setLabel(label);
                  addClickHandler(marker,infoWindow);
                  map.addOverlay(marker);
                };
              }
              //向地图添加控件
              function addMapControl(){
                var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
                scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
                map.addControl(scaleControl);
                var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
                map.addControl(navControl);
                var overviewControl = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:true});
                map.addControl(overviewControl);
              }
              var map;
                initMap();
            </script> 
            </div>
          </div>
          
          

    <!--footer--> 
    @@include('include/footer.html')
    <script>

        var href = window.location.href;
        $(function(){
            var lis = $('#header-demo3 > div > ul > li');
            for( var i = 0, size = lis.length; i < size; i++){
                $(lis[i]).removeClass("active");
            }
            if(href.indexOf("contact.html") > 0){
                $('#header-demo3 > div > ul > li').eq(5).addClass("active");
            }
        });
    
    </script>
</body>
</html>